/*
 * @Description:
 * @Version: 2.0
 * @Author: Xing
 * @Date: 2020-12-08 12:33:31
 * @LastEditors: Xing
 * @LastEditTime: 2020-12-08 16:08:05
 */
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';

ReactDOM.render(<App />, document.getElementById('root'));

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();

// import React, { useState } from 'react';
// import { render } from 'react-dom';
// import { ConfigProvider, DatePicker, message } from 'antd';
// // 由于 antd 组件的默认文案是英文，所以需要修改为中文
// import zhCN from 'antd/lib/locale/zh_CN';
// import moment from 'moment';
// import 'moment/locale/zh-cn';
// import 'antd/dist/antd.css';
// import './index.css';

// moment.locale('zh-cn');

// const App = () => {
//   const [date, setDate] = useState(null);
//   const handleChange = (value) => {
//     message.info(`您选择的日期是: ${value ? value.format('YYYY年MM月DD日') : '未选择'}`);
//     setDate(value);
//   };
//   return (
//     <ConfigProvider locale={zhCN}>
//       <div style={{ width: 400, margin: '100px auto' }}>
//         <DatePicker onChange={handleChange} />
//         <div style={{ marginTop: 16 }}>当前日期：{date ? date.format('YYYY年MM月DD日') : '未选择'}</div>
//       </div>
//     </ConfigProvider>
//   );
// };

// render(<App />, document.getElementById('root'));
